<template>
  <i class="tw-libline"></i>
</template>

<script>
import props from './props'
import style from '../tw-lib-base/style'
import padding from '../tw-lib-base/padding/mixins'
import border from '../tw-lib-base/border/mixins'

export default {
  name: 'lib-name',

  mixins: [style, padding, border],

  props,

  computed: {
    style () {
      return Object.assign({}, this.borderStyle, this.paddingStyle)
    }
  },

  methods: {
    setStyle () {
      const style = `
        ::root.tw-libline {
          padding: ${this.paddingTop} ${this.paddingRight} ${this.paddingBottom} ${this.paddingLeft};
        }

        ::root.tw-libline:after {
          border-bottom: ${this.borderSize} ${this.borderType} ${this.borderColor};
        }
      `

      this.addStyle(style)
    }
  }
}
</script>

<style lang="scss">
  @import './css/index.scss';
</style>
